<template>
 <div class="login">
    <div class="login_form">
      <p>大数据集群自动化部署后台管理系统</p>
      <el-tabs>
         <el-tab-pane label="登录" name="first"> 
             <login></login>
         </el-tab-pane>
         <el-tab-pane label="注册" name="second">
            <register></register>
         </el-tab-pane>
      </el-tabs>
    </div>
 </div>  
</template>

<script>
import login from '../components/login.vue';
import register from '../components/register.vue';

export default ({
   name: "Login",
   methods:{
   },
   components: {login, register},
})
</script>

<style scoped lang='less'>
.login {
  width: 100%;
  height: 100vh;
  //  background-image: url("D:/login.jpeg");//背景图
  background-size: 100% 100%;
  background-position: center center;
  overflow: auto;
  position: relative;
  .login_form {
    width: 500px;
    height: 420px;
    position: absolute;
    left: 46%;
    top: 35%;
    margin-left: -200px;
    margin-top: -150px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
  }
  p {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
  }
}
</style>